<template>
  <el-tooltip :content="content" :placement="placement" :effect="effect">
    <i class="icon-tip-item" :class="eleIcon" v-if="useEle"></i>
    <span class="icon-tip-item" :class="cusIcon" v-else></span>
  </el-tooltip>
</template>
<script>
export default {
  name: 'IconTip',
  props: {
    useEle: {
      type: Boolean,
      default: true
    },
    content: {
      type: String
    },
    placement: {
      type: String,
      default: 'right'
    },
    effect: {
      type: String,
      default: 'light'
    },
    eleIcon: {
      type: String,
      default: 'el-icon-info'
    },
    cusIcon: {
      type: String,
      default: 'el-icon-info'
    }
  },
  methods: {
    emitMethod () {
      console.log('tetete')
    }
  }
}
</script>
<style lang="scss" scoped>
.icon-tip-item {
  cursor: pointer;
}
</style>
